﻿@font-face {
    font-family: 'Fujiyama';
    src: url('font/fujiyama.eot');
    src: url('font/fujiyama.eot?#iefix') format('embedded-opentype'), url('font/fujiyama.woff') format('woff'), url('font/fujiyama.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

a, a:hover {
    text-decoration: none !important;
    color: #89734A;
}

html, body {
    height: 100%;
    background-color: #EEE;
    overflow: auto;
    font-family: 'Fujiyama';
}

body {
    background: url('images/bg.jpg') center no-repeat;
}

    body.introduction, body.service, body.booking {
        background: url('images/bg-opacity.jpg') center no-repeat;
    }

.wrapper {
    position: relative;
    height: auto;
    _height: 100%;
    min-height: 100%;
    margin: 0 auto;
}

header {
    height: 112px;
    background: rgb(114,92,56); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top, rgb(114,92,56) 0%, rgb(231,222,179) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(114,92,56)), color-stop(100%,rgb(231,222,179))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(114,92,56) 0%,rgb(231,222,179) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(114,92,56) 0%,rgb(231,222,179) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(114,92,56) 0%,rgb(231,222,179) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(114,92,56) 0%,rgb(231,222,179) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#725c38', endColorstr='#e7deb3',GradientType=0 ); /* IE6-8 */
    border-bottom: 5px solid #89734A;
}

footer {
    height: 110px;
    width: 100%;
    text-align: center;
    line-height: 40px;
    color: #89734A;
    border: none;
    margin: 0;
    /*position: absolute;
    bottom: 0;*/
}

.sitemap {
    text-align: center;
    height: 50px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #E7DEB3;
    line-height: 45px;
}

    .sitemap a {
        margin-left: 30px;
    }

.main {
    padding: 1em 1em 5em;
}

div.logo {
    margin-top: 12px;
    text-align: center;
}

.select-style {
    width: 150px;
    height: 30px;
    overflow: hidden;
    background: url('images/dropdown.jpg') no-repeat right #B49D80;
    text-transform: uppercase;
    color: #FFF;
}

select {
    -webkit-appearance: none;
}

.select-style select {
    background: transparent;
    width: 180px;
    padding: 5px;
    border: 1px solid #B49D80;
    height: 30px;
    color: #FFF;
}

    .select-style select option {
        background: transparent;
        margin: 0;
    }


header .menu {
    margin-top: 12px;
    float: right;
}

.menu .nav {
    float: right !important;
}

.content {
    height: 100%;
    height: auto;
    min-height: 100%;
}

ul.nav li a {
    text-transform: uppercase;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}

    ul.nav li a:hover {
        color: #221F20;
    }

.widget {
    border: 4px solid #FFF;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    height: 234px;
}

    .widget .widget-title {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
    }

    .widget .widget-content {
        padding: 0 15px 15px 15px;
        height: 70px;
        overflow: auto;
    }

    .widget .widget-footer {
        height: 35px;
    }

/***/

.vertical-gradiant-brown {
    background: rgb(231,222,179); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top, rgb(231,222,179) 0%, rgb(137,115,74) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(231,222,179)), color-stop(100%,rgb(137,115,74))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(231,222,179) 0%,rgb(137,115,74) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(231,222,179) 0%,rgb(137,115,74) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(231,222,179) 0%,rgb(137,115,74) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(231,222,179) 0%,rgb(137,115,74) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7deb3', endColorstr='#89734a',GradientType=0 ); /* IE6-8 */
}

.diagonal-gradiant-brown {
    background: #e7deb3; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(-45deg, #e7deb3 0%, #89734a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e7deb3), color-stop(100%,#89734a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #e7deb3 0%,#89734a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #e7deb3 0%,#89734a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #e7deb3 0%,#89734a 100%); /* IE10+ */
    background: linear-gradient(135deg, #e7deb3 0%,#89734a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7deb3', endColorstr='#89734a',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.linear-gradiant-brown {
    background: rgb(114,92,56); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top, rgb(114,92,56) 0%, rgb(231,222,179) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(114,92,56)), color-stop(100%,rgb(231,222,179))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(114,92,56) 0%,rgb(231,222,179) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(114,92,56) 0%,rgb(231,222,179) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(114,92,56) 0%,rgb(231,222,179) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(114,92,56) 0%,rgb(231,222,179) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#725c38', endColorstr='#e7deb3',GradientType=0 ); /* IE6-8 */
}

.linear-gradiant-gray {
    background: #9e9e9e; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(left, #9e9e9e 0%, #dbdbdb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#9e9e9e), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #9e9e9e 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #9e9e9e 0%,#dbdbdb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #9e9e9e 0%,#dbdbdb 100%); /* IE10+ */
    background: linear-gradient(to right, #9e9e9e 0%,#dbdbdb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='#dbdbdb',GradientType=1 ); /* IE6-8 */
}

.vertical-gradiant-gray {
    background: #dbdbdb; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top, #dbdbdb 0%, #636363 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#636363)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dbdbdb 0%,#636363 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dbdbdb 0%,#636363 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dbdbdb 0%,#636363 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dbdbdb 0%,#636363 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#636363',GradientType=0 ); /* IE6-8 */
}

.diagonal-gradiant-gray {
    background: #dbdbdb; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(-45deg, #dbdbdb 0%, #636363 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#dbdbdb), color-stop(100%,#636363)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #dbdbdb 0%,#636363 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #dbdbdb 0%,#636363 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #dbdbdb 0%,#636363 100%); /* IE10+ */
    background: linear-gradient(135deg, #dbdbdb 0%,#636363 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#636363',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.home .service {
    margin-top: 10px;
    display: inline;
    float: left;
}

/* TICKET BOOKING */
.ticket-booking {
    color: #FFF;
}

    .ticket-booking .widget, .login .widget {
        text-align: left;
        height: 357px;
    }

    .ticket-booking .widget-content, .login .widget-content {
        height: 242px;
    }

    .ticket-booking .widget-title, .ticket-booking .widget-footer, .login .widget-title, .login .widget-footer {
        height: 20px;
        text-transform: uppercase;
        padding: 15px 15px 15px 15px;
    }

    .ticket-booking .widget-footer, .login .widget-footer {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
    }

    .ticket-booking table th, table td {
        padding-top: 0;
    }

    .ticket-booking .widget-content ul.inputs-list li {
        color: #FFF;
    }

.login, .login li {
    color: #89734A;
}

    .login .widget-footer {
        text-transform: none;
        padding: 5px 15px;
    }

.button {
    color: #FFF;
    width: 92px !important;
}

.ticket-booking input[type=text], .ticket-booking input[type=password], .login input[type=text], .login input[type=password] {
    width: 178px;
}

.command-panel {
    margin-top: 30px;
    text-align: right;
}


.vertical-list {
    list-style-image: url('images/seperator-16.png');
}


.service .widget {
    border: 1px solid #E7DEB3;
    background-color: #E7DEB3;
}

    .service .widget .widget-title {
        height: 65px;
        text-transform: uppercase;
        padding: 15px;
        color: #FFF;
        line-height: 25px;
        font-size: 20px;
    }

    .service .widget .widget-footer {
        border-top: 1px dashed #89734A;
        padding: 10px;
    }


.service .span4 {
    margin-bottom: 30px;
}

.link-button, .button {
    display: inline-block;
    border: 1px solid #89734A;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 4px;
}

    .button::-moz-focus-inner {
        padding: 0;
        margin: 0;
        height: 28px;
    }

    .link-button, .link-button:hover {
        color: #FFF;
    }


.inputs-list li + li {
    padding-top: 4px;
}

.news-title, h1, h2, h3, h4, h5, h6, h7 {
    text-transform: uppercase;
    color: #89734A;
}

.news-title {
    padding: 20px 0 40px 175px;
}

.vertical-list li {
    border-bottom: 1px solid;
}

    .vertical-list li a {
        height: 30px;
    }

.news-content {
    overflow: auto;
    height: 420px;
    width: 760px;
}

input.small {
    width: 120px !important;
}

table {
    border: 0 none;
    border-collapse: separate;
    border-radius: 4px 4px 4px 4px;
    font-size: 13px;
    margin-bottom: 0;
    padding: 0;
    width: 100%;
    color: #FFF;
}

.service .service-item {
    text-transform: uppercase;
    font-family: 18px;
    color: #89734A;
}

.service-item table {
    background-color: #89734A;
}

    .service-item table tbody tr:last-child td:last-child {
        border-radius: 0;
    }

    .service-item table tr + tr td {
        border-top: 0;
    }

    .service-item table th + th, table td + td {
        border-left: 0;
    }

.news-item, .service-item {
    margin-bottom: 10px;
}

    .news-item h4, service-item h4 {
        border-bottom: 1px solid;
    }
